<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./css/GWC.css">
    <title>Document</title>
</head>
<body>
    <div class="box" id="shopping-cart">
        <h4 class="cart-title">购物清单</h4>
        <div class="cart-product">
            <table>
                <thead>
                    <tr class="xvan">
                        <th class="td-check">
                            <input type="checkbox" class="check-span"id="checkAll">
                        </input>全选
                        </th>
                        <th class="td-product">商品</th>
                        <th class="td-num">数量</th>
                        <th class="td-price">单价(元)</th>
                        <th class="td-total">金额(元)</th>
                        <th class="td-do">操作</th>
                    </tr>
                </thead>
                <!-- 内容 -->
                <tbody>
                    <!-- 第一个 -->
                    <tr>
                        <td class="td-check">
                            <input type="checkbox" class="kuang1">
                        </td>
                        <td class="td-cp">
                            <img src="./img/test1.jpg" width="98px" height="98px" class="img">
                            <div class="name">
                                <h3>
                                    产品名称2
                                </h3>
                                <p>品牌：skc&nbsp;&nbsp;产地：韩国</p>
                                <p>规格/纯度:99.7%&nbsp;&nbsp;起定量：215千克</p>
                                <p>配送仓储：上海仓海仓储</p>
                            </div>
                        </td>
                        <td class="td-num">
                            <div class="shu">
                                <button>-</button>
                                <span id="shuliang">1</span>
                                <button>+</button>
                            </div>
                        </td>
                        <td class="money">
                            <p>￥
                                <span>800.00</span>
                            </p>
                        </td>
                        <td class="jine">
                            <p>￥
                                <span>800.00</span>
                            </p>
                        </td>
                        <td class="td-do">
                            <button>删除</button>
                        </td>
                    </tr>
                    <!-- 第二个 -->
                    <tr>
                        <td class="td-check">
                            <input type="checkbox" class="kuang1">
                        </td>
                        <td class="td-cp">
                            <img src="./img/test2.jpg" width="98px" height="98px" class="img">
                            <div class="name">
                                <h3>
                                    产品名称2
                                </h3>
                                <p>品牌：skc&nbsp;&nbsp;产地：韩国</p>
                                <p>规格/纯度:99.7%&nbsp;&nbsp;起定量：215千克</p>
                                <p>配送仓储：上海仓海仓储</p>
                            </div>
                        </td>
                        <td class="td-num">
                            <div class="shu">
                                <button>-</button>
                                <span>1</span>
                                <button>+</button>
                            </div>
                        </td>
                        <td class="money">
                            <p>￥
                                <span>800.00</span>
                            </p>
                        </td>
                        <td class="jine">
                            <p>￥
                                <span>800.00</span>
                            </p>
                        </td>
                        <td class="td-do">
                            <button>删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        <div class="foot">
            <span>删除所选商品</span> 
            <span>继续购物</span>
            <span>
                去结算
            </span>
            <p class="zj">
                ￥ <span>2400</span>
            </p>
            <p class="jianshu">
                <span>2</span>
                件商品总计(不含运费)：
            </p>
            </div>
    </div>
    <script src="./js/jquery.min.js"></script>
</body>
</html>
<script src="./js/index.js"></script>